/* CSS Document */

/*通用*/
* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  -ms-touch-action: none;
  /* 阻止windows Phone 的默认触摸事件 */
}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}

/*图片默认样式*/
img {
  border        : 0;
  vertical-align: middle;
}

/*动画效果*/
* {
  transition-property: all;
}

.com-img {
  display : block;
  width   : 100%;
  overflow: hidden;
}

.com-img img {
  transition        : all 0.4s ease-in 0s;
  -webkit-transition: all 0.4s ease-in 0s;
  -moz-transition   : all 0.4s ease-in 0s;
  -o-transition     : all 0.4s ease-in 0s;
}

.com-img:hover img {
  transform        : scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform   : scale(1.1);
  -o-transform     : scale(1.1);
  -ms-transform    : scale(1.1);
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cl {
  clear: both;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.f18 {
  font-size: 18px !important;
}

.f16 {
  font-size: 16px !important;
}

.f14 {
  font-size: 14px !important;
}

.f12 {
  font-size: 12px !important;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.ml5 {
  margin-left: 5px;
}

.taC {
  text-align: center;
}

.taL {
  text-align: left;
}

.taR {
  text-align: right;
}

.ttU {
  text-transform: uppercase;
}

.ofH {
  overflow: hidden;
}

.ofA {
  overflow: visible !important;
}

.fwB {
  font-weight: 600;
}

.vaM {
  vertical-align: middle;
}

.pr {
  position: relative;
}


ul {
  width   : 100%;
  height  : auto;
  position: relative;
}

ul li {
  position: relative;
}

/*字体*/
@font-face {
  font-family: 'DINCond-Bold';
  src        : url('../font/dincond-bold.ttf') format('truetype');
  font-weight: normal;
  font-style : normal;
}


/*flex*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-v {
  -webkit-box-orient    : vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex    : 2;
  -ms-flex        : 2;
  flex            : 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex    : 3;
  -ms-flex        : 3;
  flex            : 3;
}

.flex-align-center {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
}

.flex-pack-center {
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.flex-pack-justify {
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex    : 1;
  -ms-flex        : 1;
  flex            : 1;
}

.vertical-container {
  display                : -webkit-flex;
  display                : flex;
  -webkit-align-items    : center;
  align-items            : center;
  -webkit-justify-content: center;
  justify-content        : center;
}


/*限制行数 -- 一行*/
.line1,
.iCase-block .t1,
.iCase-block .t2,
.iNews-list a,
.cSel-cur span,
.cSel-list a,
.case-list li .name,
.case-list li .con,
.aCase-swiper .swiper-slide .name,
.aCase-swiper .swiper-slide .con,
.nlist-box .name,
.nIr-Hnews .name,
.footer-flink ul li a,
.pInfoNav-cur {
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.line2,
.iNews-1st .name,
.nlist-box .con,
.nIr-Hnews .con {
  height: 50px;
  -o-ellipsis-lastline;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp        : 2;
  -moz-line-clamp   : 2;
  -o-line-clamp     : 2;
  -webkit-box-orient: vertical;
}

.line3 {
  height: 90px;
  -o-ellipsis-lastline;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp        : 3;
  -moz-line-clamp   : 3;
  -o-line-clamp     : 3;
  -webkit-box-orient: vertical;
}


/*动画*/
a:hover {
  -moz-transition   : all 0.5s ease-out;
  -o-transition     : all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition        : all 0.5s ease-out;
}


.animation,
.Hnav a .box span,
.iCase-block,
.I-more.btn span,
.iCust-box img,
.cSel-cur:after,
.p-rtn-btn span,
.cInfo-float .go-prev:after,
.cInfo-float .go-next:after,
.cInfo-float .go-prev,
.cInfo-float .go-next,
.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet .pr:after,
.cCul-icon img {
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}


/*滚动条*/
.viewport {
  overflow: hidden;
  position: relative;
  /*width :0px; height: 0px;*/
}

/*内容可视区域的宽高*/
.overview {
  list-style: none;
  position  : absolute;
  left      : 0;
  top       : 0;
  /*width   :0px; height: 0px;*/
}

/*内容可视区域的宽高*/
.scrollbar {
  position: relative;
  float   : right;
  position: relative;
  display : inline;
  z-index : 400;
  z-index : 2;
  /*width :0px; height:0px;background-color:#afafaf;*/
}

/*滚动条的宽高颜色*/
.track {
  position: relative;
  /*width :0px;*/
}

/*滚动条的宽*/
.thumb {
  cursor  : pointer;
  position: absolute;
  top     : 0;
  left    : 0px;
  z-index : 400;
  /*width :0px;background-color:#afafaf;*/
}

/*滚动条-当前条的宽 left 颜色*/
.disable {
  display: none;
}

.noSelect {
  user-select: none;
}

/*分页*/
.pagination {
  width          : 100%;
  height         : auto;
  text-align     : center;
  font-size      : 0px;
  position       : relative;
  overflow       : hidden;
  display        : flex;
  justify-content: center;
}

.pagination li:nth-child(1) a {
  width: 60px;
}

.pagination li:last-child a {
  width: 60px;
}

/*分页*/

.pagination a {

}

.pagination a.on,
.pagination a:hover,.pagination a.page-num-current{
 
}

.pagination a:first-child,
.pagination a:last-child {
  
}




.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:0 auto}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul  a{color:#333;display:block;padding: 8px 12px;  border: 1px solid #308450;float: left;margin: 0 5px;border-radius: 4px;text-align : center;}
.ab_pages ul  .page-num{color:#333;display:block;padding: 8px 12px;  border: 1px solid #308450;float: left;margin: 0 5px;border-radius: 4px;}
.ab_pages ul  a.page-num-current{ background:#308450; color:#FFF}



.xie {
  width     : 262px;
  height    : 560px;
  display   : block;
  float     : right;
  background: url(../../images/p2.jpg)
}

.i-pro .head {
  background: #308450
}

.i-pro .head li {
  float : left;
  margin: 0 49px
}

.i-pro .head li a {
  width: 75px
}

.i-pro .head .icon {
  width        : 70px;
  height       : 70px;
  border-radius: 50%;
  background   : #fff
}

.i-pro .head h3 {
  height     : 32px;
  font-size  : 14px;
  line-height: 32px;
  font-weight: 700
}

.i-pro .list {
  padding-top   : .68rem;
  padding-bottom: 1.27rem;
  background    : url(../images/i_bg1.jpg) no-repeat center
}

.i-pro .list .img {
  max-width: 916px
}

.i-pro .list h3 {
  right              : 0;
  bottom             : 0;
  padding-right      : 4.7%;
  font-size          : .28rem;
  -webkit-align-items: flex-end;
  align-items        : flex-end
}

.i-pro .list h3 em {
  width: .34rem
}

.i-pro .list .info {
  max-width: 191px
}

.i-pro .list .info .abs {
  top : 0;
  left: 0
}

.i-pro .list .info .txt-w {
  padding-bottom: 120px
}

.i-pro .list .info .txt-w .pl20 {
  width: 158px
}

.i-pro .list .info h4 {
  color    : #308450;
  font-size: 16px
}

.i-pro .list .info .txt {
  font-size: 13px
}

.i-pro .list .owl-pagination {
  bottom: -.81rem
}

.i-pro .list .owl-controls .owl-page span {
  width             : 17px;
  height            : 17px;
  border-radius     : 20px;
  background        : #706f6f;
  -webkit-transition: all .3s;
  transition        : all .3s
}

.i-pro .list .owl-controls .owl-page.active span,
.i-pro .list .owl-controls .owl-page:hover span {
  width     : 42px;
  background: #308450
}

.i-pro h2 span {
  font-size: 25px
}

.i-pro h2 em {
  font-size  : 26px;
  font-weight: 700
}

.kdlc,
.kdlc2 {
  display        : flex;
  flex-direction : row;
  flex-wrap      : nowrap;
  justify-content: space-around;
}

.kdlc li,
.kdlc2 li {
  padding : .4rem .2rem;
  border  : 2px dashed #fff;
  width   : 25%;
  position: relative;
}

.lcjt::after {
  content         : '';
  position        : absolute;
  display         : block;
  background-image: url(../image/jt1.png);
  background-size : cover;
  width           : 50px;
  height          : 50px;
  top             : 25%;
  right           : -30%;
}

.lcjtx::after {
  content         : '';
  position        : absolute;
  display         : block;
  background-image: url(../image/jt2.png);
  background-size : cover;
  width           : 50px;
  height          : 50px;
  bottom          : -70%;
  right           : 35%;
}

.lcjtl::before {
  content         : '';
  position        : absolute;
  display         : block;
  background-image: url(../image/jt3.png);
  background-size : cover;
  width           : 50px;
  height          : 50px;
  bottom          : 30%;
  left            : -30%;
}

.z2wm,
.z2wmzx {
  border: none !important;
}

.z2wm img,
.z2wmzx img {
  position: absolute;
  top     : -30%;
  left    : 15%;
  width   : 1.5rem;
  height  : 1.5rem;

}

.z2wm::after {
  content    : '扫码咨询';
  position   : absolute;
  color      : #fff;
  font-weight: 600;
  bottom     : -5%;
  left       : .7rem;
  font-size  : 18px;
}

.z2wmzx::after {
  content    : '扫码咨询';
  position   : absolute;
  color      : #fff;
  font-weight: 600;
  bottom     : 2%;
  left       : .7rem;
  font-size  : 18px;
}

.tabs a {
  display      : block;
  padding      : .7rem;
  border       : 1px solid #fff;
  font-size    : 30px;
  font-weight  : 600;
  border-radius: 4px;
}

.tabs a:nth-child(2) {
  margin-top: 20px;
}

.tabs .active {
  border          : none !important;
  background-color: #308450;
}

.zsbg1,
.zsbg2 {
  position: relative;
  display : block;
}

.zsbg1::before {
  content         : "";
  position        : absolute;
  background-size : cover;
  background-image: url(../image/kd1.png);
  width           : 50px;
  height          : 50px;
  bottom          : 30%;
  left            : 90%;
  display         : block;
}

.zsbg2::before {
  content         : "";
  position        : absolute;
  background-size : cover;
  background-image: url(../image/jm2.png);
  width           : 50px;
  height          : 50px;
  bottom          : 30%;
  left            : 90%;
  display         : block;
}

.active .zsbg1::before {
  background-image: url(../image/kd2.png) !important;
}

.active .zsbg2::before {
  background-image: url(../image/jm1.png) !important;
}

.zsbox {
  display       : flex;
  flex-direction: column;
  flex-wrap     : nowrap;
  padding       : .5rem 0
}

.zxboxfont li {
  font-size  : 30px;
  font-weight: 600;
  line-height: 40px;
  padding    : .1rem
}

.zxboxfont {
  margin-top: .5rem;
}

.wxsjh {
  display       : flex;
  flex-direction: column;
  flex-wrap     : nowrap;
  padding-top   : .1rem;
  width         : 50%;
  margin-left   : 40%;
  text-align    : left;
  position      : relative;
}

.wxsjh::before {
  content         : '';
  position        : absolute;
  display         : block;
  background-image: url(../image/dianhua.png);
  background-size : cover;
  width           : 80px;
  height          : 80px;
  bottom          : 10%;
  left            : -30%;
}

.sysbox {
  background-image     : url(../image/pp1.jpg);
  padding              : 0;
  text-align           : center;
  color                : #fff;
  background-repeat    : no-repeat !important;
  background-size      : cover !important;
  background-position  : center center !important;
  background-attachment: fixed !important;
}

.sysbox2 {
  max-width     : 1200px;
  margin        : auto;
  display       : flex;
  flex-direction: row;
  flex-wrap     : nowrap;
  padding       : .8rem 0;
}

.tabbox {
  width          : 30%;
  display        : flex;
  flex-wrap      : wrap;
  flex-direction : column;
  justify-content: center;
}

.jmlct {
  width: 70%;
}

.wrap {
  clear     : both;
  width     : 96%;
  max-width : 1300px;
  margin    : 0 auto;
  text-align: left;
  zoom      : 1;
  overflow  : hidden;
}

/*新闻资讯*/
.i_five {
  background    : #f2f2f2;
  overflow      : hidden;
  padding-bottom: 5%;
}

.i_four_t {
  text-align : center;
  overflow   : hidden;
  line-height: 1.2;
  color      : #222;
  font-weight: bold;
  margin-top : 5%;
}

.i_four_t .label {
  display       : block;
  text-transform: uppercase;
  margin-bottom : 1%;
  line-height   : 1;
  margin-bottom : 1%;
}

.i_four_t .label .green {
  color: #6ba036;
}

.index-pro li img {
  width: 30%
}

.sjcp {
  display: none;
}

.pccp {
  display: block;
  margin : 0 auto;
}

.foot-bg {
  background     : url('../image/bg5_02.png');
  background-size: cover;
}

.coltata {
  position: absolute;
  bottom  : 20%;
  width   : 100%;
}

.coltata a {
  display: table;
  margin : 0 auto;
}

.coltata a p {
  line-height: .5rem;
}

@media (max-width:1200px) {

  .kdlc,
  .kdlc2 {
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: flex-end;

  }

  .kdlc li,
  .kdlc2 li {
    padding : .4rem .2rem;
    border  : 2px dashed #fff;
    width   : 38%;
    position: relative;
    margin  : 1.3rem 1rem;
  }

  .z2wm img {
    position: absolute;
    top     : -125%;
    left    : 0%;
    width   : 7.5rem;
    height  : 7.5rem;

  }

  .z2wm::after {
    content    : '扫码开店';
    position   : absolute;
    color      : #fff;
    font-weight: 600;
    bottom     : -30%;
    left       : 26%;
    font-size  : 18px;
  }

  .lcjtx::after {
    content         : '';
    position        : absolute;
    display         : block;
    background-image: url(../image/jt2.png);
    background-size : cover;
    width           : 50px;
    height          : 50px;
    bottom          : -165%;
    right           : 35%;
  }

  .lcjt:nth-child(2)::after {
    content         : '';
    position        : absolute;
    display         : block;
    background-image: url(../image/jt2.png);
    background-size : cover;
    width           : 50px;
    height          : 50px;
    top             : 115%;
    right           : 35%;
  }

  .lcjtl::before {
    content         : '';
    position        : absolute;
    display         : block;
    background-image: url(../image/jt4.png);
    background-size : cover;
    width           : 50px;
    height          : 50px;
    bottom          : 110%;
    left            : 33%;
  }

  .xie {
    display: none !important;
  }

  .info {
    display: none !important;
  }

  .dtm img {
    margin-bottom: 1rem;
  }

  .tabbox {
    display: none;
  }

  .jmlct {
    width: 98%;
  }

  .lcjt::after {
    content : '';
    position: absolute;
    display : block;
    width   : 40px;
    height  : 40px;
    top     : 0%;
    right   : -30%;
  }
}